@import "../../../common/common.less";

.suspiciousOrderDetail{
  .personalInfo{
    display: flex;
    align-items: center;
    padding: 24px;
    .personalInfoItem{
      flex: 1;
      padding: 24px;
      background: #F0F0F0;
      border-radius: 6px;
      .infoItem{
        margin-bottom: @commonPaddingInside;
        &:last-child{
          margin-bottom: 0;
        }
      }
    }
    .arrow{
      width: 60px;
      margin: 0 20px;
      img{
        width: 100%;
      }
    }
  }
  .suspiciousOrderItem{
    margin-bottom: @commonPaddingOutside;
    .postInfo{
      display: flex;
      flex-wrap: wrap;
      padding: 24px 0;
      .postInfoItem{
        flex:0 0 25%;
        display: flex;
        margin-bottom: @commonPaddingOutside;
        .itemTitle{
          flex: 0 0 70px;
          margin-right: 6px;
          margin-left: @commonPaddingOutside;
        }
        .itemContent{
          flex: auto;
          word-break: break-all;
          .img{
            width: 240px;
            height: 160px;
          }
        }
      }
    }
    .dubious{
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      .tags{
        margin: 0 @commonPaddingOutside;
        padding: @commonPaddingInside @commonPaddingOutside;
        border-radius: @commonBorderRadius;
        color: @allWhite;
        background: @allPrimaryColor;
        &-danger{
          background: @allDangerColor;
        }
      }
    }
  }
}
